doctype html
html
    title 
    meta( name="apple-mobile-web-app-capable" content="no" )
    meta( name="viewport" content="width=device-width,minimum-scale=1.0,initial-scale=1,user-scalable=yes" )
    meta( name="apple-mobile-web-app-capable" content="no")
    link( rel="stylesheet" media="all" href="/style/vendor/normalize.css") 
    link( rel="stylesheet" media="all" href="/style/vendor/animate.css")
    link( rel="stylesheet" media="all" href="/style/lib/vi.css") 
    link( rel="stylesheet" media="all" href="/style/login/login.css") 

    body
        div#main( v-cloak )
            div#slogan-section
                p.slogan-title Story Tree
                div.slogan-text 写自己的故事
            div#login-section()
                div.login-user-name(v-if="isLogin") 
                    p {{userInfo.user_name}}
                    button.btn.sm-btn( @click.prevent="newStory()") 新的故事
                    button.btn.sm-btn( @click.prevent="readStory()") 读故事
                    button.btn.sm-btn( @click.prevent="history()")  旧的回忆
                    button.btn.sm-btn.no-border( @click.prevent="logout()")  退出
                    
                form( v-on:submit.prevent="submitLoginForm()", v-if="!isLogin")
                    div
                        input.login-input.input-email(required, name="email", placeholder="输入邮箱", type="email", v-model="email")
                    div.login-hidden-wrap.no-display
                        div
                            input.login-input.input-password(required, name="password", placeholder="密码", type="password", v-model="password")
                        div
                            button.btn.login-button.sign-in-btn(type="submit") 开始
                        div
                            button.btn.sm-btn.login-button.no-border.register-btn(type="button" @click="signUpForm()" ) 注册
            div#footer
                p 让我们
                p 一起写故事
        script( src="/javascript/vendor/jquery.min.js" )
        script( src="/javascript/vendor/vue.js" )

        script( src="/javascript/vendor/underscore.js" )
        script( src="/javascript/require.js" )
        script.
            require.config({
                baseUrl: "/javascript/app",
                waitSeconds: 15
            });
        script.
            var PageData = {};
            PageData = !{pageData};
        script( src="/javascript/app/user/login.js" )

        